* {
  margin: 0;
  padding: 0;
  font-family: verdana, serif;
}

p {
  margin: 0;
  padding: 0;
}

a {
  color: #466b16;
  text-decoration: none;
}

a:hover {
  color: #173300;
  text-decoration: underline;
}

body {
}

.outer {
  width: 800px;
  height: 600px;
  border: solid 1px #81AF59;
}

.leftBar {
  background: #81AF59;
  float: left;
  width: 70%;
  height: 100%;
}

.rightBar {
  background: #81AF59;
  float: left;
  width: 30%;
  height: 100%;
  overflow-y: auto;

}

.chatFrame {
  height: 85%;
  background: #8CC858;
  overflow-y: auto;
}

.sendMessageFrame {
  background: #9ED56D;
  width: 100%;
  height: 15%;
}

.clear {
  clear: both;
}

.users {
  margin: 5px;
  display: block;
  list-style-position: inside;
}

.users li {
  border-bottom: solid 1px #A4D579;
  padding: 2px;
}

.loginBox {
  font-size: 12pt;
  font-weight: bold;
  float: left;
  margin: 10px;
}

.fancyButton {
  margin-top: 5px;
  padding: 3px;
  cursor: pointer;
  background: #8CC858;
  text-align: center;
  border: solid 1px black;
  float: left;
}

.fancyButton:hover {
  background: #6AA536;
  border: solid 1px #8CC858;
}

.fancyButtonFixedSize {
  width: 50%;
}

.fancyButtonMediumSize {
  width: 220px;;
}

.hidden {
  display: none;
}

.instantMsg {
  font-size: 9pt;
  font-style: italic;
}

.sendMessage {
  padding: 10px;
  font-size: 12pt;
  font-weight: bold;
}

#messageText {
  width: 500px;
  font-size: 12pt;
}

.messages li {
  border-bottom: ridge 1px #82ba52;
}

.messages li span {
  font-weight: bold;
}

.validationError {
  color: red;
  font-weight: bold;
  font-size: 10pt;
}

.disconnectedDiv {
  font-size: 10pt;
  padding: 5px;
}

.contentWrapper {
  width: 1240px;
  margin: auto;
}

.descriptionBox {
  float: right;
  width: 420px;
  height: 590px;
  border: solid 1px #81AF59;
  background: #A4D579;
  font-size: 10pt;
  padding: 5px;
}

.chatContentBox {
  float: left;
}

h3 {
  margin-top: 10px;
  margin-bottom: 15px;
}

ol {
  margin: 0;
  padding: 0;
}

li {
  list-style: none;
  /*padding: 5px;*/
  margin: 0;
}

.descriptionDivTableOfContent {
  padding: 10px;
}

ol.howItWorksDescription li{
  list-style-type: decimal;
  list-style-position: inside;
  margin: 5px 5px 5px 15px

}

.descriptionDivTableOfContentElement {
   padding-bottom:20px;
}

.howItWorksDescription {
  font-size: 11px;
  text-align:justify;
  margin-top: 10px;
  list-style-type:decimal;
}


.descriptionBox span {
  font-weight:bold;
  margin-bottom:5px;
}

.descriptionBox p {
  margin: 5px 5px 5px 15px
}
